<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">


    <title>新年祝福</title>
    <link rel="stylesheet" href="./css/style1.css">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js "></script>

    <script type="text/javascript">
        $(function () {
            $.get("happyInfo",{},function (data) {
                $("#happyInfo").html(data)
            })
            $("#email").onblur(checkEmail);
        })


    </script>
    <link rel="stylesheet" href="css/dl.css" type="text/css"/>
</head>
<body>
<!--灯笼模块-->
<!-- 灯笼1 -->
<div class="deng-box">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">节</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>

<!-- 灯笼2 -->
<div class="deng-box1">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">春</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>

    <div class="w">
        <div class="box1">
            <div class="head">
                <ul>
                    <li><a href="./lyb.html">留言板</a></li>
                    <li ><a href="http://8.136.135.118:8080/ym/djs/index.html" >新年倒计时</a></li>
                </ul>
            </div>
            <div class="tail">
                <ul>
                    <h2 id="happyInfo">新年祝福-暴瘦20斤  --马宜萱 哈哈哈哈😂</h2>
                </ul>
            </div>
        </div>
        <div class="box2">
            <h1>输入QQ邮箱获取新春祝福...</h1>
            <form action="mail" method="get">
                <input type="text" id="email" name="mail" placeholder="请输入QQ邮箱..." class="qq">
                <input type="submit" class="btn" value="发送">
            </form>
        </div>
    </div>
<!--可移动音乐模块-->
<style>
    #move{width: 360px;border:solid 1px; height: 86px; background-color: #bdbf88; position: absolute; left: 50px; top: 500px}
    #kemove{width: 30px;border:solid 1px; height: 86px; background-color: #47220f; position: absolute; left: 330px; top: 0px}
</style>
<script>
    window.onload = function(){
        var oDiv = document.getElementById("move");

        var offsetX = 0;
        var offsetY = 0;
        //第一步：当对div进行鼠标点击事件的时候，记录下当前鼠标的位置
        oDiv.onmousedown = function(ev){
            var e = ev || window.event;
            offsetX = e.clientX - oDiv.offsetLeft;
            offsetY = e.clientY - oDiv.offsetTop;
            //第二步：当我们在document下对div进行拖动的时候，给div的left和right进行定位
            document.onmousemove = function(ev){
                var e = ev || window.event;

                oDiv.style.left = e.clientX - offsetX + 'px';
                oDiv.style.top = e.clientY - offsetY + 'px';
            }
        }
        //第三步：在document下当鼠标抬起的时候，取消鼠标跟随事件
        document.onmouseup = function(){
            document.onmousemove = null;
        }
    }
</script>
<div id = 'move'>
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=509781260&auto=1&height=66"></iframe>
    <div id='kemove'></div>
</div>


<div style="width:600px;margin:0 auto; padding:20px 0;">
    <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/recordQuery" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">陕ICP备2021004202号-1</p></a>
</div>
</body>
</html>